home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 1843 / 1843.xpi / skin / classic / layout.css < prev    next >
Cascading Style Sheet File  |  2010-01-15  |  4KB  |  232 lines
  1. /* See license.txt for terms of usage */
  2.  
  3. .panelNode-layout {
  4.     overflow: hidden !important;
  5. }
  6.  
  7. .outerLayoutBox {
  8.     overflow: hidden !important;
  9.     position: relative;
  10.     margin: 0 auto;
  11.     width: 300px;
  12.     height: 100%;
  13. }
  14.  
  15. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  16.  
  17. .layoutBox {
  18.     position: absolute;
  19.     border: 1px solid #4D8CA5;
  20.     top: 20px;
  21.     right: 20px;
  22.     bottom: 20px;
  23.     left: 20px;
  24.     color: #333333;
  25. }
  26.  
  27. .positionLayoutBox {
  28.     position: absolute;
  29.     top: 12px;
  30.     bottom: 12px;
  31.     left: 15px;
  32.     right: 25px;
  33.     max-height: 260px;
  34.     min-height: 180px;
  35. }
  36.  
  37. .marginLayoutBox {
  38.     border: 1px dashed #BBBBBB;
  39.     background: #FFFFFF;
  40. }
  41.  
  42. .borderLayoutBox {
  43.     background: #6CB5DF;
  44. }
  45.  
  46. .paddingLayoutBox {
  47.     background: #00F3F3;
  48. }
  49.  
  50. .contentLayoutBox {
  51.     background: #00F3F3;
  52. }
  53.  
  54. .layoutBox.editing,
  55. .layoutBox.highlighted {
  56.     background-color: Highlight;
  57. }
  58.  
  59. .layoutBox.editing,
  60. .layoutBox.editing > .layoutCaption,
  61. .layoutBox.editing > .layoutLabel,
  62. .layoutBox.highlighted,
  63. .layoutBox.highlighted > .layoutCaption,
  64. .layoutBox.highlighted > .layoutLabel {
  65.     color: HighlightText;
  66.     opacity: 1.0;
  67. }
  68.  
  69. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  70.  
  71. .layoutCaption {
  72.     position: absolute;
  73.     left: 2px;
  74.     top: 2px;
  75.     font-size: 9px;
  76.     color: #555555;
  77. }
  78.  
  79. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  80.  
  81. .layoutLabel {
  82.     position: absolute;
  83. }
  84.  
  85. .layoutLabel.v0 {
  86.     opacity: 0.2;
  87. }
  88.  
  89. .layoutLabelTop {
  90.     left: 0;
  91.     top: 2px;
  92.     width: 100%;
  93.     text-align: center;
  94. }
  95.  
  96. .layoutLabelBottom {
  97.     left: 0;
  98.     bottom: 2px;
  99.     width: 100%;
  100.     text-align: center;
  101. }
  102.  
  103. .layoutLabelPosition {
  104.     left: 0;
  105.     bottom: 2px;
  106.     width: 100%;
  107.     text-align: left;
  108. }
  109. .layoutZIndex {
  110.     float: right;
  111. }
  112.  
  113. .layoutLabelLeft {
  114.     top: 50%;
  115.     left: 0;
  116.     width: 20px;
  117.     margin-top: -0.5em;
  118.     text-align: center;
  119. }
  120.  
  121. .layoutLabelRight {
  122.     top: 50%;
  123.     right: 0;
  124.     width: 20px;
  125.     margin-top: -0.5em;
  126.     text-align: center;
  127. }
  128.  
  129. .layoutLabelCenter {
  130.     left: 0;
  131.     top: 50%;
  132.     width: 100%;
  133.     margin-top: -0.5em;
  134.     text-align: center;
  135. }
  136.  
  137. .layoutLabelWidth,
  138. .layoutLabelHeight {
  139.     position: static;
  140. }
  141.  
  142. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  143.  
  144. .layoutEdge {
  145.     position: absolute;
  146. }
  147.  
  148. .parentLeft > .layoutEdgeLeft,
  149. .parentRight > .layoutEdgeRight,
  150. .parentTop > .layoutEdgeTop,
  151. .parentBottom > .layoutEdgeBottom {
  152.     background: #EEEEEE;
  153. }
  154.  
  155. .siblingLeft > .layoutEdgeLeft {
  156.     border-left: 1px dashed #BBBBBB;
  157. }
  158.  
  159. .siblingRight > .layoutEdgeRight {
  160.     border-right: 1px dashed #BBBBBB;
  161. }
  162.  
  163. .siblingTop > .layoutEdgeTop {
  164.     border-top: 1px dashed #BBBBBB;
  165. }
  166.  
  167. .siblingBottom > .layoutEdgeBottom {
  168.     border-bottom: 1px dashed #BBBBBB;
  169. }
  170.  
  171. .siblingLeft > .layoutEdgeTop,
  172. .siblingLeft > .layoutEdgeBottom {
  173.     left: 0;
  174. }
  175.  
  176. .siblingRight > .layoutEdgeTop,
  177. .siblingRight > .layoutEdgeBottom {
  178.     right: 0;
  179. }
  180.  
  181. .siblingTop > .layoutEdgeLeft,
  182. .siblingTop > .layoutEdgeRight {
  183.     top: 0;
  184. }
  185.  
  186. .siblingBottom > .layoutEdgeLeft,
  187. .siblingBottom > .layoutEdgeRight {
  188.     bottom: 0;
  189. }
  190.  
  191. .parentLeft.parentTop > .layoutEdgeLeft,
  192. .parentRight.parentTop > .layoutEdgeRight {
  193.     top: 0;
  194. }
  195.  
  196. .parentLeft.parentBottom > .layoutEdgeLeft,
  197. .parentRight.parentBottom > .layoutEdgeRight {
  198.     bottom: 0;
  199. }
  200.  
  201. .layoutEdgeTop {
  202.     left: 20px;
  203.     right: 20px;
  204.     top: 0;
  205.     height: 20px;
  206. }
  207.  
  208. .layoutEdgeBottom {
  209.     left: 20px;
  210.     right: 20px;
  211.     bottom: 0;
  212.     height: 20px;
  213. }
  214.  
  215. .layoutEdgeLeft {
  216.     left: 0;
  217.     top: 20px;
  218.     bottom: 20px;
  219.     width: 20px;
  220. }
  221.  
  222. .layoutEdgeRight {
  223.     right: 0;
  224.     top: 20px;
  225.     bottom: 20px;
  226.     width: 20px;
  227. }
  228.  
  229. .useA11y .focusGroup:focus {
  230.     outline: 2px solid #FF9933;
  231. }
  232.